body {
  font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
  font-size: 90%;
  width:400px;
}

#controls_pane {
  width:300pt;
  min-height:100%;
  background-color:#D4D4D4;
  padding: 5pt;
}

#grot {
  position:relative;
  top:15px;
  margin-left:100pt;
  display:inline-block;
  width:100%;
  height:100%;
}

path.link {
  fill: none;
  stroke: #777;
  stroke-opacity: 0.4;
  stroke-width: 1.5px;
}

path.link.selected {
  fill: none;
  stroke-opacity: 1;
  stroke-width: 1.5px;
}

circle {
  fill: #ccc;
  stroke: #333;
  stroke-width: 1.5px;
}

text.node_label {
  font: 17px sans-serif;   
  pointer-events: none;
}

text.visible {
  opacity: 0.5;
  font: 12px sans-serif;
  pointer-events: none;
}

text.invisible {
  visibility: hidden
}